@use '../utils/size_variables';

/**
 * Copyright IBM Corp. 2016, 2025
 * SPDX-License-Identifier: BUSL-1.1
 */

// This file defines styles for list type items, like: .sep, .list-header and ul.bullet.

.sep {
  display: inline-flex;
  align-items: center;
  &:before {
    font-size: size_variables.$size-5;
    color: var(--token-color-foreground-action);
    content: '|';
    position: relative;
  }
}

.list-header {
  margin: size_variables.$spacing-10 size_variables.$spacing-10 0;
  color: var(--token-color-palette-neutral-400);
  font-size: var(--token-typography-body-200-font-size);
  font-weight: var(--token-typography-font-weight-semibold);
  text-transform: uppercase;
}

ul.bullet {
  list-style: disc;
  padding-left: size_variables.$spacing-16;
}
